<form id="data_section" method="post" enctype="multipart/form-data" action="ProductManageServlet">
	<input type="hidden" name="action" id="action_to_update">
	<input type="hidden" name="product_code" id="hidden_product_code">
	<input type="hidden" name="user_code" id="hidden_user_code" value="<%= session.getAttribute("userID") %>">
	<table>
		<tr>
			<td>Product code</td>
			<td colspan="2"><input type="text" name="ins_product_code" id="ins_product_code" maxlength="10" size="10" class="textbox_stl"></td>
		</tr>
		<tr>
			<td>Product name</td>
			<td colspan="2"><input type="text" name="ins_product_name" id="ins_product_name" maxlength="30" class="textbox_stl"></td>
		</tr>
		<tr>
			<td valign="top">Product detail</td>
			<td colspan="2"><textarea name="ins_product_detail" id="ins_product_detail" cols="35" rows="3"></textarea></td>
		</tr>
		<tr>
			<td>Supplier</td>
			<td colspan="2"><select name="ins_supplier_code" id="ins_supplier_code"></select></td>
		</tr>
		<tr>
			<td>Image 1</td>
			<td>
				<input type="file" name="ins_product_img[]" id="ins_product_img1" class="textbox_stl">
				<img class='act_icon_view' id="icon_view_img1" src='images/datamanage/view_x.png' width='18' height='18' key_id=''>
				<img class='act_icon_view' id="icon_delete_img1" src='images/datamanage/delete.png' width='18' height='18' key_id=''>
				<input type="hidden" name="ins_product_img_id[]" id="ins_product_img_id1">
			</td>
			<td rowspan="4">
			<img class="show_img" id="show_img" src="" key_id='' alt="No image show" border="0">
			</td>
		</tr>
		<tr>
			<td>Image 2</td>
			<td>
				<input type="file" name="ins_product_img[]" id="ins_product_img2" class="textbox_stl">
				<img class='act_icon_view' id="icon_view_img2" src='images/datamanage/view_x.png' width='18' height='18' key_id=''>
				<img class='act_icon_view' id="icon_delete_img2" src='images/datamanage/delete.png' width='18' height='18' key_id=''>
				<input type="hidden" name="ins_product_img_id[]" id="ins_product_img_id2">
			</td>
		</tr>
		<tr>
			<td>Image 3</td>
			<td>
				<input type="file" name="ins_product_img[]" id="ins_product_img3" class="textbox_stl">
				<img class='act_icon_view' id="icon_view_img3" src='images/datamanage/view_x.png' width='18' height='18' key_id=''>
				<img class='act_icon_view' id="icon_delete_img3" src='images/datamanage/delete.png' width='18' height='18' key_id=''>
				<input type="hidden" name="ins_product_img_id[]" id="ins_product_img_id3">
			</td>
		</tr>
		<tr>
			<td>Image 4</td>
			<td>
				<input type="file" name="ins_product_img[]" id="ins_product_img4" class="textbox_stl">
				<img class='act_icon_view' id="icon_view_img4" src='images/datamanage/view_x.png' width='18' height='18' key_id=''>
				<img class='act_icon_view' id="icon_delete_img4" src='images/datamanage/delete.png' width='18' height='18' key_id=''>
				<input type="hidden" name="ins_product_img_id[]" id="ins_product_img_id4">
			</td>
		</tr>
		<tr>
			<td>Active product</td>
			<td colspan="2">
				<input type="radio" name="ins_active" id="ins_active1" value="Y" checked="checked"><label for="ins_active1"> Yes</label> &nbsp;
				<input type="radio" name="ins_active" id="ins_active2" value="N"><label for="ins_active2"> No</label>&nbsp;  
			</td>
		</tr>
	</table>
</form>
<div id="output"></div>
